<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:f="http://java.sun.com/jsf/core"
      lang="pt-BR">

    <f:view>

        <f:event type="preRenderView" listener="#{usuario.redirecionarInicio}" />

        <h:head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
            <h:outputStylesheet name="fonts.css" />
            <h:outputStylesheet name="styles.css" />
            <title>Hermes Web</title>
        </h:head>

        <h:body>
            <div id="wrapper">
                    <a href="http://www.youtube.com/user/hermesfatecmc" target="_blank">
                        <h:graphicImage styleClass="float-left" url="./resources/anuncio-videos.jpeg" alt="Anúncio dos vídeo-tutoriais do Projeto Hermes" />
                    </a>
                    <div id="top-login">
                        <h:graphicImage id="logo-hermes" url="./resources/logo-hermes-220x150.jpg" alt="Logo oficial do Projeto Hermes" />
                        <br /><br />
                        <h:outputText id="lblTitulo" styleClass="titulo-sistema" value="O tabulador mais rápido do Olimpo!" />
                    </div>

                    <div id="content-login">
                        <h:form>
                            <p><h:outputLabel id="lblErro" value="#{usuario.statusLogado}" styleClass="erro" /></p>
                            <rich:panel header="Por favor, efetue o login">
                                <p>
                                    <h:outputLabel id="lblEmail" for="txtEmail" value="E-mail " />
                                    <h:inputText id="txtEmail" value="#{usuario.email}" />
                                </p>
                                <p>
                                    <h:outputLabel id="lblSenha" for="txtSenha" value="Senha " />
                                    <h:inputSecret id="txtSenha" value="#{usuario.senha}" />
                                </p>
                                <h:commandButton id="btnLogin" value="Entrar" action="#{usuario.efetuarLogin}" />
                            </rich:panel>
                        </h:form>
                    </div>

                    <div id="footer-login">
                        <a href="http://www.fatecmogidascruzes.com.br" target="_blank">
                            <h:graphicImage url="./resources/logo-fatec.jpg" alt="Logo oficial da FATEC-MC" styleClass="c-padding-right" />
                        </a>
                        <h:graphicImage url="./resources/logo-gepar.jpg" alt="Logo provisório do GEPAR" styleClass="c-padding-right" />
                        <h:graphicImage url="./resources/logo-nuppa.jpg" alt="Logo oficial do NUPPA" />
                    </div>
            </div>
        </h:body>
            
    </f:view>
</html>
